<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div class="layui-form">
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">日期范围</label>
            <div class="layui-inline" id="test6">
                <div class="layui-input-inline">
                    <input type="text" autocomplete="off" id="test-startDate-1" class="layui-input" placeholder="开始日期">
                </div>
                <div class="layui-form-mid">-</div>
                <div class="layui-input-inline">
                    <input type="text" autocomplete="off" id="test-endDate-1" class="layui-input" placeholder="结束日期">
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    layui.use('laydate', function() {
        var laydate = layui.laydate;

        laydate.render({
            elem: '#test6'
            //设置开始日期、日期日期的 input 选择器
            //数组格式为 2.6.6 开始新增，之前版本直接配置 true 或任意分割字符即可
            ,range: '=='  //两个时间之间的连接符
            ,done: function(value, date,date2){
                //layer.alert('你选择的日期是：' + value + '<br>获得的对象是' + JSON.stringify(date)+'<br>获得的对象是' + JSON.stringify(date2));
                //value:生成的时间
                //date：起始日期；date2：结束日期；
                var dates=value.split("==");
                //layer.alert(dates[0]+"====="+dates[1]);
                $.ajax({
                    url:'/goods/search',
                    data:{from:dates[0],to:dates[1]},
                    type:'get',
                    dataType:'json',
                    success:function(res){
                        //搜索查询到的结果是 res.data
                        console.log(res.data);
                        //将该结果填在表格数据里

                    }
                });
            }
        });
    });
    </script>
</body>
</html>